<template>
  <div class="packageInfo js-main" v-loading="loadingTree" ref="infoPage">
    <div class="queryBtn detail-btn-panel">
        <BtnWrapper
          :btnConfig="topBtnConfig"
          ref="btnWrapper"
          :disabledItems="getDisabledItems"
        />
    </div>
    <div class="detail-query-panel js-form1" ref="formPanel">
      <el-form
        :model="basicInfo"
        :inline="true"
        ref="basicForm"
        label-width="120px"
        :rules="rules"
        label-position="left"
        :disabled="$route.query.view ? true : false"
      >
        <el-form-item label="移料单号">
          <el-input disabled v-model="basicInfo.orderNo"></el-input>
        </el-form-item>
        <el-form-item label="单据类型" class="close-icon-box" prop="recTypeName">
          <el-input v-model.trim="basicInfo.recTypeName" disabled="true">
<!--            <i-->
<!--              class="el-icon-circle-close"-->
<!--              v-if="basicInfo.recTypeId && ($route.query.view ? false : true)"-->
<!--              @click="handleClearDialog"-->
<!--              slot="append"-->
<!--            ></i>-->
<!--            <el-button-->
<!--              :disabled="$route.query.view ? true : false"-->
<!--              slot="append"-->
<!--              icon="el-icon-search"-->
<!--              @click="showItemDialog"-->
<!--            ></el-button>-->
          </el-input>
        </el-form-item>

        <el-form-item label="车间" prop="officeId">
          <el-select
            placeholder=""
            v-model="basicInfo.officeId"
            clearable
            :disabled="isDisableStatus"
            @change="getSelection"
          >
            <el-option v-for="item in factoryArr" :key="item.id" :label="item.officeName" :value="item.id"> </el-option>
          </el-select>
        </el-form-item>
        <br />
        <el-form-item label="移料类别" prop="moveMaterialType">
          <el-select placeholder="" v-model="basicInfo.moveMaterialType"  :disabled="isDisableStatus" v-bind="dealDataByMaterialType(1)" clearable >
            <el-option v-for="item in moveMaterialTypeList" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="移料来源" prop="moveMaterialSource">
          <el-select placeholder="" v-model="basicInfo.moveMaterialSource"  :disabled="isDisableStatus" clearable>
            <el-option v-for="item in moveMaterialSourceList" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item
          label="生产订单号"
          :key="1"
        >
          <scan-input
            class="snScanItem"
            v-model="basicInfo.sourceNo"
            v-restrict="{ maxLength: 32 }"
            @confirm="handleScan"

            :disabled="isDisableStatus"
          >
          </scan-input>
        </el-form-item>
        <br />
          <el-form-item  v-show="basicInfo.moveMaterialType=='return'" label="退料类型" prop="moveMaterialTypeReturn" :required="basicInfo.moveMaterialType=='return' ? true : false">
            <el-select placeholder="" v-model="basicInfo.moveMaterialTypeReturn" clearable>
              <el-option v-for="item in moveMaterialTypeReturnList" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>

          <el-form-item v-show="basicInfo.moveMaterialType=='return'"  label="退料是否超额" prop="moveMaterialReturnAbove" :required="basicInfo.moveMaterialType=='return' ? true : false">
            <el-select placeholder="" v-model="basicInfo.moveMaterialReturnAbove" clearable>
              <el-option v-for="item in moveMaterialReturnAboveList" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>

        <el-form-item label="移料日期" prop="activityTime">
          <el-date-picker
            v-model="basicInfo.activityTime"
            type="date"
            align="left"
            value-format="yyyy-MM-dd"
            format="yyyy-MM-dd"
            placeholder=""
            disabled="true"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item label="申请人" prop="applicant">
          <el-input placeholder="" v-model="basicInfo.applicant" class="input-with-select" disabled="true">
            <el-button
              slot="append"
              v-if="!$route.query.view"
              icon="el-icon-search"
              @click="showApplicantDialog"
            ></el-button>
          </el-input>
        </el-form-item>


        <br />
        <el-form-item label="备注">
          <el-input type="textarea" v-model="basicInfo.remarks" class="long-text"></el-input>
        </el-form-item>
        <!-- 新增end -->
      </el-form>
    </div>
    <div class="detail-title-panel"><span class="batch-icon"></span><span>物料信息</span></div>

    <div class="addTag">
      <div class="flexBox detail-query-panel query-box js-form2">
        <el-form :model="basicInfo" :inline="true" ref="basicForm1">

<!--          <el-form-item>-->
<!--            <span class="addBtn btn-panel">-->
<!--              <el-button type="primary" @click="showDialog" :disabled="$route.query.view ? true : false"-->
<!--                ><span class="iconfont icon-xinzeng"></span>新增</el-button-->
<!--              >-->
<!--            </span>-->
<!--          </el-form-item>-->

          <el-form-item label="移料人">
            <el-input placeholder="" v-model="basicInfo.relateduserName" class="input-with-select" disabled="true">
              <el-button
                slot="append"
                v-if="$route.query.view ? false : true"
                icon="el-icon-search"
                @click="showPeopleDialog('clickForm')"
              ></el-button>
            </el-input>
          </el-form-item>
<!--          v-show="printDisable"-->
          <el-form-item  label="目标类型" prop="targetLocationKind" min-width="80" header-align="center">
            <template slot="header"> <span style="color: red">*</span>目标位置类型</template>
            <template>
              <!-- <el-select v-model="row.code9"
                        placeholder="目标位置类型">
                <el-option></el-option>
              </el-select> -->
              <el-select
                      placeholder="请选目标类型"
                      v-model="basicInfo.targetLocationKind"
                      @change="onSelectTargetBasic()"
                      :disabled="$route.query.view ? true : false"
              >
                <el-option  v-for="item in locationTypeArrHtWms" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
            </template>
          </el-form-item>
          <el-form-item     label="目标位置" prop="targetLocationId" min-width="80" header-align="center">

            <div v-if="printDisable">
            <template slot="header"> <span style="color: red">*</span>目标位置</template>
            <template >
              <el-select
                      placeholder="请选目标位置"
                      v-model="basicInfo.targetLocationId"
                      :disabled="basicInfo.targetLocationKind && !$route.query.view ? false : true"
                      @change="getCodeBasic()"
              >
                <el-option v-for="item in basicInfo.targetLocationList" :key="item.id" :label="item.name" :value="item.id">
                </el-option>
              </el-select>
               </template>
             </div>
            <div v-if="!printDisable">
                 <el-input placeholder="" v-model="basicInfo.targetLocationName" class="input" disabled="true"></el-input>
            </div>

          </el-form-item>
        </el-form>
      </div>
      <el-table
        ref="tableList"
        :data="tableList"
        highlight-current-row
        @current-change="currentRowChange"
        border
        :height="listHeight"
      >
        <el-table-column    fixed="left"  type="index" width="60" label="序号" header-align="center"> </el-table-column>
<!--        <el-table-column-->
<!--          label="物料批次"-->
<!--          prop="batchNo"-->
<!--          min-width="200"-->
<!--          :show-overflow-tooltip="true"-->
<!--          header-align="center"-->
<!--        >-->
<!--        </el-table-column>-->
        <el-table-column
          label="物料编码"
          prop="materialCode"
          min-width="150"
          :show-overflow-tooltip="true"
          header-align="center"
          fixed="left"
        >
        </el-table-column>
        <el-table-column
          label="物料名称"
          prop="materialName"
          min-width="150"
          :show-overflow-tooltip="true"
          header-align="center"
        >
        </el-table-column>
        <el-table-column
          label="物料型号"
          prop="materialDesc"
          min-width="200"
          :show-overflow-tooltip="true"
          header-align="center"
        >
        </el-table-column>
<!--        <el-table-column label="库存数量" prop="oldQty" min-width="80" :show-overflow-tooltip="true" header-align="center">-->
<!--        </el-table-column>-->
        <el-table-column  v-if="basicInfo.moveMaterialType=='return'"  label="辅助单位数量" min-width="160" header-align="center">
          <template slot="header"> 辅助单位数量</template>
          <template slot-scope="{ row, $index }">
            <el-input
                    placeholder=""
                    v-model="row.moveSubQty"
                    class="input-with-select"
                    :disabled="row.changeRateNew>0 || $route.query.view ? true : false"
            >
            </el-input>
          </template>
        </el-table-column>
        <el-table-column  v-if="basicInfo.moveMaterialType=='return'"  label="称的重量" min-width="150" header-align="center">
          <template slot="header">称的重量(g)</template>
          <template slot-scope="{ row, $index }">
            <el-input
                    placeholder=""
                    v-model="row.moveWeight"
                    class="input-with-select"
                    @keyup.native="insertNum(row, $index,2)"
                    :disabled="row.changeRateNew>0 || $route.query.view ? true : false"
            >
            </el-input>
          </template>
        </el-table-column>
        <el-table-column  v-if="basicInfo.moveMaterialType=='return'"  label="换算率" min-width="100" header-align="center">
          <template slot="header">换算率</template>
          <template slot-scope="{ row, $index }">
            <el-input
                    placeholder=""
                    v-model="row.moveConvertRate"
                    class="input-with-select"
                    @keyup.native="insertNum(row, $index,3)"
                    :disabled="row.changeRateNew>0 || $route.query.view ? true : false"
            >
            </el-input>
          </template>
        </el-table-column>
        <el-table-column
                label="条码数量"
                prop="mtlSpuqty"
                min-width="100"
                :show-overflow-tooltip="true"
                header-align="center" disable="true"
        >
        </el-table-column>


        <el-table-column label="移料数量" min-width="100" header-align="center">
          <template slot="header"> <span style="color: red">*</span>移料数量</template>
          <template slot-scope="{ row, $index }">
            <el-input
              placeholder=""
              v-model="row.mtlQty"
              class="input-with-select"
              @keyup.native="insertNum(row, $index,1)"
              disabled="true"
            >
              <!--              :disabled="row.changeRateNew>0 || $route.query.view ? true : false"-->
            </el-input>
          </template>
        </el-table-column>

          <el-table-column
                  label="剩余可领"
                  prop="orderMaterialNeedQty"
                  min-width="100"
                  :show-overflow-tooltip="true"
                  header-align="center" disable="true"
          >
          </el-table-column>

          <el-table-column
                  label="累计已领"
                  prop="orderMaterialUsedQty"
                  min-width="100"
                  :show-overflow-tooltip="true"
                  header-align="center" disable="true"
          >
          </el-table-column>
<!--        <el-table-column label="物料条码" prop="materialBarcode" min-width="200" :show-overflow-tooltip="true" header-align="center">-->
<!--          <template slot="header"> <span style="color: red">*</span>物料条码</template>-->
<!--          <template slot-scope="{ row }">-->
<!--            <el-input-->
<!--              placeholder=""-->
<!--              v-model="row.materialBarcode"-->
<!--              class="input-with-select"-->
<!--              :disabled="row.changeRateNew>0 || $route.query.view ? true : false"-->
<!--            >-->
<!--            </el-input>-->
<!--          </template>-->
<!--        </el-table-column>-->

        <el-table-column
          label="单位"
          prop="mtlUomname"
          min-width="100"
          :show-overflow-tooltip="true"
          header-align="center"
        >
        </el-table-column>
<!--        <el-table-column-->
<!--          label="领用机台"-->
<!--          prop="claimEqpCode"-->
<!--          min-width="100"-->
<!--          :show-overflow-tooltip="true"-->
<!--          header-align="center"-->
<!--        >-->
<!--        </el-table-column>-->
        <el-table-column
          label="原位置类型"
          prop="originalLocationKindName"
          min-width="120"
          :show-overflow-tooltip="true"
          header-align="center"
        >
        </el-table-column>
        <el-table-column
          label="原位置"
          prop="originalLocationName"
          min-width="160"
          :show-overflow-tooltip="true"
          header-align="center"
        >
        </el-table-column>
<!--        <el-table-column-->
<!--          label="类别"-->
<!--          prop="mtlKindName"-->
<!--          min-width="80"-->
<!--          :show-overflow-tooltip="true"-->
<!--          header-align="center"-->
<!--        >-->
<!--        </el-table-column>-->
<!--        <el-table-column label="物料列表管理" min-width="80" header-align="center" align="center">-->
<!--          <template slot-scope="{ row, $index }">-->
<!--            <el-checkbox v-model="row.changeRateNew" true-label="Y" false-label="N" disabled></el-checkbox>-->
<!--          </template>-->
<!--        </el-table-column>-->

        <el-table-column label="目标位置类型" prop="targetLocationKind" min-width="150" header-align="center">
          <template slot="header"> <span style="color: red">*</span>目标位置类型</template>
          <template slot-scope="{ row, $index }">
            <!-- <el-select v-model="row.code9"
                      placeholder="目标位置类型">
              <el-option></el-option>
            </el-select> -->
            <el-select
              placeholder="请选择目标位置类型"
              v-model="row.targetLocationKind"
              @change="onSelectTarget(row, $index)"
              :disabled="$route.query.view ? true : false"
            >
              <el-option v-for="item in locationTypeArr" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
          </template>
        </el-table-column>
        <el-table-column label="目标位置" prop="targetLocationId" min-width="150" header-align="center">
          <template slot="header"> <span style="color: red">*</span>目标位置</template>
          <template slot-scope="{ row, $index }">
            <!-- <el-select v-model="row.code10"
                      placeholder="目标位置">
              <el-option></el-option> -->
            <el-select
              placeholder="请选择目标位置"
              v-model="row.targetLocationId"
              :disabled="row.targetLocationKind && !$route.query.view ? false : true"
              @change="getCode(row, $index)"
            >
              <el-option v-for="item in row.targetLocationList" :key="item.id" :label="item.name" :value="item.id">
              </el-option>
            </el-select>
          </template>
        </el-table-column>

        <el-table-column
                label="产品数量"
                prop="lotDieQty"
                min-width="100"
                :show-overflow-tooltip="true"
                header-align="center" disable="true"
        >
        </el-table-column>
        <el-table-column
                label="单位用量"
                prop="usage"
                min-width="100"
                :show-overflow-tooltip="true"
                header-align="center" disable="true"
        >
        </el-table-column>

        <el-table-column
                label="换算率"
                prop="changeRateNew"
                min-width="100"
                :show-overflow-tooltip="true"
                header-align="center" disable="true"
        >

        </el-table-column>
<!--        <el-table-column label="移料人" prop="relateduserName" min-width="170" header-align="center">-->
<!--          <template slot="header"> <span style="color: red">*</span>移料人</template>-->
<!--          <template slot-scope="{ row, $index }">-->
<!--            <el-input placeholder="请选择移料人" v-model="row.relateduserName" class="input-with-select" disabled>-->
<!--              <el-button-->
<!--                slot="append"-->
<!--                icon="el-icon-search"-->
<!--                :disabled="$route.query.view ? true : false"-->
<!--                @click="showPeopleDialog('clickRow', $index)"-->
<!--              ></el-button>-->
<!--            </el-input>-->
<!--          </template>-->
<!--        </el-table-column>-->
        <el-table-column
          label="操作"
          width="65"
          header-align="center"
          fixed="right"
          v-if="$route.query.view ? false : true"
        >
          <template slot-scope="scope">
            <!-- <el-button v-if="scope.row.delFlag !== '1'"
                       @click.native.prevent="deleteRow(scope.$index, tableList)"
                       type="danger"
                       size="small">
              删除
            </el-button> -->
            <collapseBtnWrapper
              v-if="scope.row.delFlag !== '1'"
              :btnConfig="mtlBtnConfig"
              :index="scope.$index"
              ref="btnWrapper"
              :owner="scope.row"
              :disabledItems="[]"
            />
          </template>
        </el-table-column>
      </el-table>
    </div>
    <div class="addRight">
      <div class="flexBox detail-query-panel query-box">
        <el-form
          :model="basicInfo"
          ref="basicInfo"
          :inline="true"
          label-width="100px"
          label-position="left"
          class="demo-ruleForm"
          @submit.native.prevent
        >
          <el-form-item label="扫描物料条码" prop="materialCode">
            <el-input
              v-model="basicInfo.materialBarcode"
              placeholder=""
              @keyup.enter.native="enterSnNew"
              v-checkForm="{ set: this, name: 'basicInfo.materialBarcode', length: 100, allowFlag: true }"
              :disabled="$route.query.view ? true : false"
            >
            </el-input>
          </el-form-item>
        </el-form>
      </div>
      <el-table border :data="mpMtlSnHtWmsList" ref="mtlSnTable" :height="listHeight" @selection-change="selSnRow">
<!--        <el-table-column-->
<!--          type="selection"-->
<!--          width="55"-->
<!--          :selectable="calcSelectStatus"-->
<!--          v-if="$route.query.view ? false : true"-->
<!--        ></el-table-column>-->
        <el-table-column type="index" width="60" label="序号"> </el-table-column>
        <el-table-column
          v-for="(item, index) in materialBarcodeHeader"
          :key="index"
          :label="item.name"
          :show-overflow-tooltip="true"
          :min-width="item.width"
          header-align="center"
        >
          <template slot-scope="{ row, $index }">
            {{ row[item.code] ? row[item.code] : '--' }}
          </template>
        </el-table-column>
        <el-table-column
                label="操作"
                width="60"
                header-align="center"
                fixed="right"
                v-if="$route.query.view ? false : true"
        >
          <template slot-scope="scope">
            <collapseBtnWrapper
                    v-if="scope.row.delFlag !== '1'"
                    :btnConfig="mtlBtnConfigCode"
                    :index="scope.$index"
                    ref="btnWrapper"
                    :owner="scope.row"
                    :disabledItems="[]"
            />
          </template>
        </el-table-column>

      </el-table>
    </div>
    <el-col :span="24">
      <el-dialog
        title="物料批次列表"
        class="dialogContianer"
        width="1200px"
        :visible.sync="dialogIsShow"
        :append-to-body="true"
        v-if="dialogIsShow"
      >
        <div class="dialog-query-panel" >
          <el-form
            :model="dialogFilters"
            ref="dialogFilters"
            :inline="true"
            label-width="80px"
            label-position="left"
            class="demo-ruleForm btn-panel"
          >
            <el-form-item label="物料批次" prop="mtlgroupNo" >
              <el-input
                placeholder=""
                v-model="dialogFilters.mtlgroupNo"
                v-restrict="{ maxLength: 100 }"
                class="input-with-select"
              >
              </el-input>
            </el-form-item>
            <el-form-item label="物料编码" prop="materialCode">
              <el-input
                placeholder=""
                v-model="dialogFilters.materialCode"
                v-restrict="{ maxLength: 100 }"
                class="input-with-select"
              >
              </el-input>
            </el-form-item>
            <el-form-item label="物料型号" prop="materialDesc">
              <el-input
                placeholder=""
                v-model="dialogFilters.materialDesc"
                v-restrict="{ maxLength: 100 }"
                class="input-with-select"
              >
              </el-input>
            </el-form-item>

            <el-form-item label="位置类型" prop="locationKind">
              <!-- <el-select v-model="dialogFilters.locationKind"
                      placeholder="位置类型">
              <el-option></el-option>
            </el-select> -->
              <el-select v-model="dialogFilters.locationKind" placeholder="" @change="onSelectFormType" clearable>
                <el-option
                  v-for="item in formLocationTypeArr"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="位置" prop="locationId">
              <el-select
                v-model="dialogFilters.locationId"
                placeholder=""
                :disabled="!dialogFilters.locationKind ? true : false"
                clearable
              >
                <el-option v-for="item in formLocationArr" :key="item.id" :label="item.name" :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>
            <!-- <el-form-item label="工单号"
                          prop="woCode">
              <el-input placeholder=""
                        v-model="dialogFilters.woCode"
                        class="input-with-select">
              </el-input>
            </el-form-item>
            <el-form-item label="LotID"
                          prop="lotNo">
              <el-input placeholder=""
                        v-model="dialogFilters.lotNo"
                        class="input-with-select">
              </el-input>
            </el-form-item> -->
            <!-- <div class="queryBtn"> -->
            <el-button type="primary" @click="searchDialogList"
              ><span class="iconfont icon-chaxun"></span>查询</el-button
            >
            <!-- </div> -->
          </el-form>
        </div>
        <el-table
          border
          stripe
          :data="dialogList"
          ref="singleTable"
          height="calc(45vh)"
          @row-dblclick="selData"
          @selection-change="selDialogRow"
        >
<!--          <el-table-column type="selection" width="55" :selectable="selectInit"></el-table-column>-->
          <el-table-column width="60" label="序号" header-align="center" prop="index">
            <!-- <template slot-scope="scope">
              {{(dialogTablePag.pageNo-1)*dialogTablePag.pageSize+scope.$index+1}}
            </template> -->
          </el-table-column>
          <el-table-column
            v-for="(item, index) in dialogListHeader"
            :min-width="item.width"
            :key="index"
            :label="item.name"
            :show-overflow-tooltip="true"
            header-align="center"
          >
            <template slot-scope="scope">
              {{ scope.row[item.code] }}
            </template>
          </el-table-column>
        </el-table>
        <div class="pageBox clearfix page-panel">
          <el-pagination
            background
            @current-change="getDialogList"
            :current-page="dialogTablePag.pageNo"
            :page-size="dialogTablePag.pageSize"
            layout="total, prev, pager, next, jumper"
            :total="dialogTablePag.totalRecord"
          >
          </el-pagination>
        </div>
        <span slot="footer" class="dialog-footer btn-panel">
          <el-button @click="dialogIsShow = false"> <span class="iconfont icon-shanchu2"></span>取消</el-button>
          <el-button type="primary" @click="saveDialogVal" :disabled="this.selectedDialogRow.length == 0 ? true : false"
            ><span class="iconfont icon-queren"></span>确定</el-button
          >
        </span>
      </el-dialog>
    </el-col>
    <el-dialog
      :visible="dialogTemShow"
      v-if="dialogTemShow"
      title="选择模板"
      width="400px"
      class="temDialog"
      :before-close="closeTem"
    >
      <div class="dialog-query-panel">
        <el-form>
          <el-form-item label="模板">
            <el-select v-model="template">
              <el-option
                v-for="item in templateList"
                :key="item.id"
                :label="item.templateName"
                :value="item.id"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-form>
      </div>
      <span slot="footer" class="dialog-footer">
        <div class="dialog-btn-panel">
          <el-row type="flex" justify="center">
            <el-button type="primary" @click="confirmTem"><span class="iconfont icon-queren"></span>确定</el-button>
            <el-button type="default" @click="closeTem"><span class="iconfont icon-shanchu2"></span>取消</el-button>
          </el-row>
        </div>
      </span>
    </el-dialog>
    <!-- 移料人弹框 -->
    <el-col :span="12">
      <el-dialog
        title="移料人列表"
        class="dialogContianer"
        width="850px"
        :visible.sync="dialogPeopleIsShow"
        :append-to-body="true"
        v-if="dialogPeopleIsShow"
      >
        <div class="dialog-query-panel">
          <el-form :model="dialogPeople" :inline="true" class="demo-ruleForm btn-panel">
            <el-form-item label="用户编码">
              <el-input
                placeholder=""
                v-model="dialogPeople.userCode"
                v-restrict="{ maxLength: 100 }"
                class="input-with-select"
              >
              </el-input>
            </el-form-item>
            <el-form-item label="用户名称">
              <el-input
                placeholder=""
                v-restrict="{ maxLength: 100 }"
                v-model="dialogPeople.userName"
                class="input-with-select"
              >
              </el-input>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" @click="searchPeopleList"
                ><span class="iconfont icon-chaxun"></span>查询</el-button
              >
            </el-form-item>
          </el-form>
        </div>
        <el-table
          border
          stripe
          highlight-current-row
          :data="dialogPeopleList"
          ref="singleTable"
          height="calc(45vh)"
          @row-click="selPeopleRow"
          @row-dblclick="dbClickPerson"
        >
          <el-table-column width="60" label="序号" header-align="center" prop="index">
            <!-- <template slot-scope="scope">
              {{(dialogPeoplePag.pageNo-1)*dialogPeoplePag.pageSize+scope.$index+1}}
            </template> -->
          </el-table-column>
          <el-table-column
            v-for="(item, index) in dialogPeopleHeader"
            :key="index"
            :label="item.name"
            header-align="center"
            :show-overflow-tooltip="true"
          >
            <template slot-scope="scope">
              {{ scope.row[item.code] }}
            </template>
          </el-table-column>
        </el-table>
        <div class="pageBox clearfix page-panel">
          <el-pagination
            background
            @current-change="getPeopleDialogList"
            :current-page="dialogPeoplePag.pageNo"
            :page-size="dialogPeoplePag.pageSize"
            layout="total, prev, pager, next, jumper"
            :total="dialogPeoplePag.totalRecord"
          >
          </el-pagination>
        </div>
        <span slot="footer" class="dialog-footer btn-panel">
          <el-button @click="dialogPeopleIsShow = false"><span class="iconfont icon-shanchu2"></span>取消</el-button>
          <el-button
            type="primary"
            @click="savePeopleVal"
            v-if="clickType == 'clickRow'"
            :disabled="Object.keys(selectedPeopleRow).length === 0"
            ><span class="iconfont icon-queren"></span>确定</el-button
          >
          <el-button
            type="primary"
            @click="savePeopleForm"
            v-if="clickType == 'clickForm'"
            :disabled="Object.keys(selectedPeopleRow).length === 0"
            ><span class="iconfont icon-queren"></span>确定</el-button
          >
        </span>
      </el-dialog>
    </el-col>
    <!-- 弹框结束 -->
    
    <applicant-person :dialogApplicantIsShow.sync="dialogApplicantIsShow" @setApplicantPerson="setApplicantPerson"/>
    
<!--    <itemTypeDialog ref="itemTypeDialog" @saveItemVal="saveItemVal"></itemTypeDialog>-->
    <printDialog :visible.sync="dialogShow" @confirmTem="handleConfirmTem" />
  </div>
</template>

<script>
import moveInfoHtModule from './moveInfoHtModule.js';
export default {
  ...moveInfoHtModule,
};
</script>

<style lang="scss" scoped>
@import './moveInfoHtModule.scss';
.addBtn {
  border-bottom: 0;
}
.query-box {
  padding-bottom: 10px;
  padding-left: 0;
  margin-top: 10px;
}
.long-text {
  width: 465px;
}
  .table-tb-out{ color: #DD4A68!important;}
</style>
